<template>
  <div class="app">
    <h2>我是App组件</h2>
    <img src="https://www.google.com.hk/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" alt="">
    <br>
    <Modal/>
  </div>
</template>

<script lang="ts" setup name="App">
 import Modal from "./Modal.vue";

/*
什么是Teleport？—— Teleport 是一种能够将我们的**组件html结构**移动到指定位置的技术。
*/

</script>

<style>
  .outer{
    background-color: #ddd;
    border-radius: 10px;
    padding: 5px;
    box-shadow: 0 0 10px;
    width: 400px;
    height: 400px;
    filter: saturate(200%);
  }
  img {
    width: 270px;
  }
</style>